<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/common.js"></script>

<form:form action="join"  commandName="registrationForm" method="POST" id="registration">
<form:hidden path="frmOrigin"/>

<div class="right-area">
			<div class="left-arrow"><img src="${pageContext.request.contextPath}/images/arrow-left.png" width="11" height="16" alt="" /></div>
			<div class="container">				
						<div class="right-block">
					<h2>Register</h2>
					<div class="login-inner">
						<h3>Create your account using:</h3>
						<div class="sharebutton">
							<ul>
								<li class="facebook"><a href="${pageContext.request.contextPath}/reg/socialauth?id=facebook" title="Facebook">&nbsp;</a></li>
								<li class="linkedin"><a href="${pageContext.request.contextPath}/reg/socialauth?id=linkedin" title="LinkedIn">&nbsp;</a></li>
								<li class="twitter"><a href="${pageContext.request.contextPath}/reg/socialautho?id=twitter" title="Twitter">&nbsp;</a></li>
								<li class="yahoo"><a href="${pageContext.request.contextPath}/reg/socialauth?id=yahoo" title="Yahoo">&nbsp;</a></li>
								<li class="google"><a href="${pageContext.request.contextPath}/reg/socialauth?id=google" title="Google">&nbsp;</a></li>
							</ul>
						</div>
						<div class="clearfix or">or</div>
							<!--<div class="error-common">Enter valid email id</div>-->
						<div class="input">
						    <form:input path="fullName" id="fullName"/>
               			    <span class="errortxt"><form:errors path="fullName" /></span>												
						</div>
						<div class="input">
						    <form:input path="emailId" id="emailId"/>
               			    <span class="errortxt"><form:errors path="emailId" /></span>												
						</div>
						<div class="input">
						    <form:input path="password" id="password"/>
               			    <span class="errortxt"><form:errors path="password" /></span>												
						</div>												
												
						<div class="input">
							<div class="input-left">
							 <!-- <select class="lft-select" id="country">
							  <option>Country</option>
							  <option>India</option>
							  <option>Australia</option>
							  <option>Singapore</option>
						     </select>
						     <div class="error">Please select country</div> -->
						     <form:input path="city" id="city"/>
               			     <span class="errortxt"><form:errors path="city" /></span>
						    </div>
							<div class="input-right">
							   <form:input path="zipCode" id="zipCode"/>
               			       <span class="errortxt"><form:errors path="zipCode" /></span>
							</div>
						</div>
						
						<div class="agree"><input type="checkbox" />I agree electronically to the terms of service, privacy policy being at least 13 years old.</div>
						<div class="submit"><input type="submit" value="Register" /></div>
						<div class="noaccount">Already have an account? <a href="${pageContext.request.contextPath}/auth/login">Sign In</a></div>
					</div>
				</div>
			</div>
		</div>
		
</form:form>